import { CheckCircleOutlined } from '@ant-design/icons';
import { ProCard } from '@ant-design/pro-components';
import { useAccess } from '@umijs/max';
import { Alert } from 'antd';
import React from 'react';

interface PageContainerThreeGoodArticleProps {}

const PageContainerThreeGoodArticle: React.FC<PageContainerThreeGoodArticleProps> = ({}) => {
  const access = useAccess();

  return (
    <ProCard style={{ marginBlockStart: 0 }} gutter={8}>
      <ProCard
        colSpan={{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }}
        layout="center"
        bordered
        title={
          <Alert
            message={
              <a
                target={'_blank'}
                style={{
                  color: '#0d1b3f',
                }}
                href="https://assess.ljsyy.net"
              >
                重庆市三好作品
              </a>
            }
            type="info"
            icon={<CheckCircleOutlined />}
            showIcon
            style={{
              width: '150px',
            }}
          />
        }
      >
        <iframe src="https://assess.ljsyy.net" height="900" width="100%" frameBorder="0" />
      </ProCard>
      <ProCard
        colSpan={{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }}
        layout="center"
        bordered
        title={
          <Alert
            message={
              <a
                target={'_blank'}
                style={{
                  color: '#0d1b3f',
                }}
                href="https://newsdata.xuexi.cn/#/list?code=5a7c9bb7013bbeae779ce61205dccc6e"
              >
                全国三好作品
              </a>
            }
            type="error"
            showIcon
            icon={<CheckCircleOutlined />}
            style={{
              width: '150px',
            }}
          />
        }
      >
        <iframe
          src="https://newsdata.xuexi.cn/#/list?code=5a7c9bb7013bbeae779ce61205dccc6e"
          height="900"
          width="100%"
          frameBorder="0"
        />
      </ProCard>
    </ProCard>
  );
};

export default PageContainerThreeGoodArticle;
